<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8" />
  <title>东北大米</title>

  <link rel="stylesheet" type="text/css" href="css/index.css" >
  <link rel="stylesheet" type="text/css" href="css/riceshopdetail.css">
  <script src="plugins/jquery-3.6.0/jquery-3.6.0.min.js"></script>
  <script src="js/rice.js"></script>
  <script type="text/javascript">
    //登录入口
    function sessionName(){
      var username = $("#loginUser").text();
      if(username){
        document.getElementById("sessionName").innerText = "你好，" + username;
        document.getElementById("sessionName").href = "jump?pg=reception/baseInfoSet";
      } else {
        document.getElementById("sessionName").innerText = "你好，请登录";
      }
    }
    //弹出登录提示
    $(function(){
      $("#shoppingCar").on("click",function(){
        var username = $("#loginUser").text();
        if(username == ''){
          alert("请先登录！！！");
        } else {
          $(this).attr("href","jump?pg=reception/shoppingCar");
        }
      });
    });
  </script>

</head>
<body onload="sessionName()">

<!-- 顶部开始 -->
<div class="top">
  <div class="header">
    <div class="top-left">
      <font size="4px" color="red">欢迎来到稻香商城!</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <div class="top_right">
      <a href="jump?pg=reception/login" id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="jump?pg=reception/register"><font color="red">免费注册</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a target="_blank" id="shoppingCar">购物车<img src="/img/gowuchetubiao.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="#">会员中心</a>
    </div>
  </div>
</div>
<div class="work">
  <div class="header_1">
    <img src="/img/dingbu.jpg" width="100%" height="100%">
  </div>
</div>
<!--顶部结束 -->

<!-----商品详情部分------->
<div class="shopdetails">
  <div id="leftbox">
    <div id="showbox">
      <img src="/img/fangdatu1.jpg" width="400" height="450" />
    </div><!--展示图片盒子-->
  </div>

  <!----中间----->
  <div class="centerbox">
    <p class="imgname">金龙鱼 东北大米 盘锦大米 5kg 蟹稻共生 当季新米</p>
    <p class="Aprice">价格：<samp>￥37.90</samp></p>
    <p class="price">促销价：<samp>￥29.90</samp></p>
    <p class="youhui">店铺优惠：<samp>购物满58即可享受包邮</samp></p>
    <p class="kefu">客服：</p>
    <ul>
      <li class="kuanshi">款式：</li>
      <li class="now shopimg"><a href="#" title="盘锦大米5KG"><img src="/img/fangdatu1.jpg" width="45"></a></li>
      <li class="shopimg"><a href="#" title="臻选稻香米5kg"><img src="/img/leibie2.jpg" width="45"></a></li>
      <li class="shopimg"><a href="#" title="金龙鱼 臻选长粒香5kg"><img src="/img/leibie3.jpg" width="45"></a></li>
    </ul>
    <div class="clear"></div>

    <p class="buy"><a href="#" id="firstbuy">立即购买</a><a href="jump?pg=reception/shoppingCar" id="shoppingCar">加入购物车</a></p>
    <div class="clear"></div>
    <div class="fenx"><a href="#"><img src="/img/tell07.png"></a></div>
    <p class="fuwu">服务承诺：</p>
    <p class="pay">支付方式：</p>
  </div>

  <!-----右边开始------->
  <div class="rightbox">
    <p class="name">——热卖商品</p>
    <img src="/img/jinlongyuyou.jpg" width="150" height="150">
    <p>￥49.90元</p>
    <br><br><br>

    <img src="/img/jinlongyumian.jpg" width="150" height="150">
    <p>￥19.9元</p>
    <br><br><br>

    <img src="/img/jinlongyumi.jpg" width="150" height="150">
    <p>￥25.00元</p>
  </div>

</div>
<!-----右边结束------->

<!-----商品详情开始------->
<div class="evaluate">

  <div class="classify">
    <div class="shopim">
      <p class="name">稻香商城<img src="/img/tell01.png" width="22" height="22"></p>
      <img src="/img/tellbottom.png">
      <p class="sc"><a href="#">收藏店铺</a></p>
      <p class="sc"><a href="#">进入店铺</a></p>
      <div class="search">
        <input class="left" type="text" />
        <input class="right" type="button" style=" cursor:pointer;" value=""/>
      </div>
    </div>
    <div class="shopfl">
      <p class="name">本店分类</p>
      <ul>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">全部商品</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">食用油</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">大米</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">面粉</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">调味品</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">红酒白酒</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">五谷杂粮</a></li>
        <li><a href="#"><img src="images/shopdetail/tell02.png" width="10" height="10">有机食品</a></li>
      </ul>
    </div>
    <div class="shopsee">
      <p class="name">看了又看</p>
      <a href="#" class="ex01">
        <img src="/img/jiu.jpg" width="170" height="190">
        <p>茅台王子酒</p>
        <p>商城价:268.00元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/babaozhou.jpg" width="170" height="190">
        <p>哇哈哈八宝粥</p>
        <p>商城价:￥65.00元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/jiaomu.jpg" width="170" height="190">
        <p>安琪酵母</p>
        <p>商城价:￥2.50元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/tiaoweipin.jpg" width="170" height="190">
        <p>海天酱油</p>
        <p>商城价:￥11.80元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/jindian.jpg" width="170" height="190">
        <p>今典纯牛奶</p>
        <p>商城价:￥64.80元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/huangdou.jpg" width="170" height="190">
        <p>有机黄豆</p>
        <p>商城价:￥48.00元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/wuguzaliang.jpg" width="170" height="190">
        <p>五谷杂粮 礼盒装</p>
        <p>商城价:￥168元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/duoliyou.jpg" width="170" height="190">
        <p>多力葵花籽油5L+250ml</p>
        <p>商城价:￥79.80元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/fulinmen.jpg" width="170" height="190">
        <p>福临门 特选东北大米 粳米</p>
        <p>商城价:￥29.80元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/baisuishan.jpg" width="170" height="190">
        <p>百岁山饮用水</p>
        <p>商城价:￥48.80元</p>
      </a>
      <br><br><br>
      <a href="#" class="ex01">
        <img src="/img/yumi.jpg" width="170" height="190">
        <p>玉米 礼盒装</p>
        <p>商城价:￥48.00元</p>
      </a>

    </div>
  </div>

  <div class="tabbedPanels">
    <ul class="tabs">
      <li><a href="#panel01" class="active">商品详情</a></li>
      <li><a href="#panel02">累计评价</a></li>
      <li><a href="#panel03">商品推荐</a></li>
    </ul>

    <div class="panelContainer">
      <div class="panel" id="panel01">
        <p class="sell">商品描述</p>
        <p>商品品牌：金龙鱼
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          商品名称：金龙鱼臻选长粒香大米5kg
          <br>
          商品毛重：5.093kg
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          商品编号：100006537432
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          商品产地：白城、吉林等多地生产
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <br>
          净含量：2.6-5kg
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          包装形式：袋装
        </p>
        <p></p>
        <p class="sell">商品介绍</p>
        <img src="/img/xiangqing1.jpg">
        <img src="/img/xiangqing2.jpg">
        <img src="/img/xiangqing3.jpg">
        <img src="/img/xiangqing4.jpg">
        <img src="/img/xiangqing5.jpg">
        <img src="/img/xiangqing6.jpg">
        <div class="clear"></div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- 商品详情结束 -->

<!-- 底部开始 -->
<br /><br /><br /><br />
<div class="end">
  <img src="/img/dibu.png" width="100%" height="100%">
</div>
<div class="end_1">
  <div class="end_2">
    <dl>
      <dt>
      <dd><b>购物指南</b></dd>
      <a href="#"><dd>购物流程</dd></a>
      <a href="#"><dd>常见问题</dd></a>
      <a href="#"><dd>联系客服</dd></a>
      </dt>
    </dl>
  </div>
  <div class="end_2">
    <dl>
      <dt>
      <dd><b>配送方式</b></dd>
      <a href="#"><dd>上门自提</dd></a>
      <a href="#"><dd>快递/物流/EMS</dd></a>
      <a href="#"><dd>配送服务查询</dd></a>
      <a href="#"><dd>配送费收取标准</dd></a>
      <a href="#"><dd>海外配送</dd></a>
      </dt>
    </dl>
  </div>
  <div class="end_2">
    <dl>
      <dt>
      <dd><b>支付方式</b></dd>
      <a href="#"><dd>微信</dd></a>
      <a href="#"><dd>支付宝</dd></a>
      <a href="#"><dd>银行卡转账</dd></a>
      <a href="#"><dd>货到付款</dd></a>
      <a href="#"><dd>分期付款</dd></a>
      </dt>
    </dl>
  </div>
  <div class="end_2">
    <dl>
      <dt>
      <dd><b>售后服务</b></dd>
      <a href="#"><dd>售后政策</dd></a>
      <a href="#"><dd>退款说明</dd></a>
      <a href="#"><dd>退换货</dd></a>
      <a href="#"><dd>取消订单</dd></a>
      <a href="#"><dd>价格保护</dd></a>
      </dt>
    </dl>
  </div>
  <div class="end_2">
    <dl>
      <dt>
      <dd><b>新手上路</b></dd>
      <a href="#"><dd>如何开店</dd></a>
      <a href="#"><dd>货物上架</dd></a>
      <a href="#"><dd>店主常见问题</dd></a>
      <a href="#"><dd>联系我们</dd></a>
      </dt>
    </dl>
  </div>
</div>
<div class="last">
  <center>
    <font size="3">Copyright &copy; 2021-2022 稻香商城 版权所有</font><br />
    <font size="3">互联网食品信息服务资格证编号(津)-经营性-2017-XXXX|新出发京零 字第大XXXXX号</font><br />
    <font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2017]XXXX-XXX号</font>
  </center>
</div>
</div>
<!--底部结束-->
</body>
</html>
